import * as React from 'react'
import { Inbox } from 'lucide-react'
import { cn } from '@/lib/utils'

type Props = {
  description?: string
}

export function Empty({ className, ...props }: React.ComponentProps<'div'> & Props): JSX.Element {

  return <div className={cn('width-full h-full flex flex-col gap-2 items-center justify-center', className)}>
    <Inbox size={32} />
    <div className="text-center">
      <p className="text-sm text-muted-foreground">{props.description || 'No data'}</p>
    </div>
  </div>

}
